<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<div class="content">
  呵呵，你好
  <h1>hello world</h1>
  <h2>hello world</h2>
  <!--我是注释-->
</div>
<input type="password" name="" class="password">
<div class="move"></div>
<script src='./main.js'></script>
<script>
  "use strict";
  Array.prototype.unshift = function () {
    console.log(this);
    for (let i = arguments.length - 1; i > 0; i--) {
      this[0] = arguments[i];
    }
  };
  let arr = [1, 2, 3, 4, 5];
  arr.unshift(0);
  console.log(arr);

  // function test(){
  //   console.log(a);
  // }
  // test();

  const div = document.getElementsByTagName("div")[0];
  console.log(div);

  div.addEventListener("click", (e) => {
    console.log(e)
    console.log(e.target)

  })
  window.getComputedStyle(div, ":after");
  const distanceToViewportTop = div.getBoundingClientRect().top;
  console.log(distanceToViewportTop);
  const firstTime = new Date().getTime();
  for (let i = 0; i < 1000000; i++) { }
  const secondTime = new Date().getTime();
  console.log(secondTime - firstTime);
  div.add;
  setTimeout(() => { });
</script>
<style>
  .content{
    width: 230px;background-color: red;position: absolute;top:0;left: 0;
  }
  div {
    color: #fff;
  }

  div::after {
    content: "";
    width: 100px;
    height: 100px;
    background-color: yellow;
    display: block;
  }
  .move{
    width: 100px;
    height: 100px;
    background-color: red;
    position: absolute;
    top: 35%;
    left: 35%;
  }
</style>